<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
    <div class="logo">
        <img src="img/1.png" alt="">
        <h1>购物车</h1>
    </div>
    <div class="commodity" id="sssc">
        <h2>全部商品 <span>5</span></h2>
        <div class="ttt">
            <ul class="clearfix">
                <li class="a">商品</li>
                <li class="b">名称</li>
                <li class="c">单价</li>
                <li class="d">数量</li>
                <li class="e">小计</li>
                <li class="f">操作</li>
            </ul>
        </div>


        <div class="asd">
            <img src="img/1.jpg" alt="">
            <div class="list">
                <div class="warp">
                    <img src="img/未标题-2.jpg" alt="">
                    <img src="img/6.jpg" alt="">
                    <span>美仑达 赣南脐橙2017新上市 3斤装 铂金果</span>
                </div>

               <span class="price">25.80</span>
                <input type="text" value="1" class="num">
                <p> ￥<span class="total"></span>
                    <br>
                    1.68kg
                </p>
                <span class="del">删除</span>
            </div>

        </div>

        <div class="asd">
            <img src="img/2.jpg" alt="">
            <div class="list">
                <div class="warp">
                    <img src="img/未标题-2.jpg" alt="">

                    <span>秘鲁进口蓝莓</span>
                </div>
                <span class="price">46.90</span>
                <input type="text" value="1" class="num">
                <p> ￥<span class="total"></span>
                    <br>
                    1.25kg
                </p>
                <span class="del">删除</span>
            </div>
        </div>
        <div class="asd">
            <img src="img/3.jpg" alt="">
            <div class="list">
                <div class="warp">
                    <img src="img/未标题-2.jpg" alt="">

                    <span>广西青皮芒果</span>
                </div>
                <span class="price">10.90</span>
                <input type="text" value="1" class="num">
                <p> ￥<span class="total"></span>
                    <br>
                    0.75kg
                </p>
                <span class="del">删除</span>
            </div>
        </div>
        <div class="asd">
            <img src="img/4.jpg" alt="">
            <div class="list">
                <div class="warp">
                    <img src="img/未标题-2.jpg" alt="">

                    <span>新疆库尔勒香梨</span>
                </div>
                <span class="price">39.90</span>
                <input type="text" value="1" class="num">
                <p> ￥<span class="total"></span>
                    <br>
                    2.6kg
                </p>
                <span class="del">删除</span>
            </div>
        </div>
        <div class="asd">
            <img src="img/5.jpg" alt="">
            <div class="list">
                <div class="warp">
                    <img src="img/未标题-2.jpg" alt="">

                    <span>烟台红富士</span>
                </div>
                <span class="price">34.90</span>
                <input type="text" value="1" class="num">
                <p> ￥<span class="total"></span>
                    <br>
                    2.1kg
                </p>
                <span class="del">删除</span>
            </div>
        </div>
        </div>


</nav>

<div class="aaaaa">总价：￥<span id="all"></span></div>
























<script src="script.js"></script>
</body>
</html>